<div class="home" ng-controller="homeCtrl">
    <!--ng-if="Hdata[0].colID!=5"-->
    <div>
    <div style="position: fixed;width: 100%;z-index: 100;top: 0">
        <div ng-include="'tpl/logo.html'"></div>
        <div ng-include="'tpl/nav.html'"></div>
    </div>
    <!--配合导航固定定位高度和logo所在div一致-->
    <div style="height:7.822rem"></div>
   </div>
    <!--是否有轮播图topcount决定先注释-->
    <div>
        <div id="banner" style="position: relative;margin-bottom: 5px;">
            <div style="height:17.77rem;width: 100%" ng-if="topCountShow">
                <carousel interval="myInterval" no-wrap="noWrapSlides" no-pause>
                    <slide ng-repeat="slide in bannerImg" active="active">
                        <div class="popClass"></div>
                        <img ng-src="{{slide.img}}" style="margin:auto; height:17.77rem;width: 100%">
                        <div class="carousel-caption" id="carousel-caption">
                            <div></div>
                            <span ng-if="columnStyle!=221&&columnStyle!=225&&columnStyle!=203">
                                <!--组图-->
                                <span class="arousel-caption-title" ng-if="slide.articleType==1" ng-click="jump('/detailPicture/'+slide.fileId)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                                <!--直播-->
                                <span class="arousel-caption-title" ng-if="slide.articleType==6" ng-click="jump('/detailLive/'+slide.fileId+'/'+slide.linkID)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                                <!--视频-->
                                <span class="arousel-caption-title" ng-if="slide.articleType==2" ng-click="jump('/detailVedio/'+slide.fileId)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                                <!--专题-->
                                <span class="arousel-caption-title" ng-if="slide.articleType==3" ng-click="jump('/speci/'+slide.fileId+'/'+slide.linkID)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                                <!--h5稿件-->
                                <span class="arousel-caption-title" ng-if="slide.articleType==12" ng-click="h5Jump(slide.url)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                                <span class="arousel-caption-title" ng-if="slide.articleType!=1&&slide.articleType!=6&&slide.articleType!=2&&slide.articleType!=12&&slide.articleType!=3" ng-click="jump('/detail/'+slide.fileId)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                            </span>

                            <span class="arousel-caption-title" ng-if="columnStyle==221" ng-click="jump('/detailActivity/'+slide.fileId)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                            <span class="arousel-caption-title" ng-if="columnStyle==203" ng-click="jump('/detailVedio/'+slide.fileId)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                            <span class="arousel-caption-title" ng-if="columnStyle==225" ng-click="jump('/detailLive/'+slide.fileId+'/'+slide.linkID)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                            <p><span class="bannerFootBage"  style="z-index: 100">{{$index+1}}</span>/{{bannerImg.length}}</p>
                        </div>
                    </slide>
                </carousel>
            </div>
        </div>

        <!--&lt;!&ndash;只要有type=0的就显示 news 有就显示&ndash;&gt;-->
        <!--<div ng-if="infaceModules.length>0">-->
            <!--<div ng-include="'tpl/news.html'"></div>-->
        <!--</div>-->
        <!--直播页面columnStyle==225-->
        <div ng-if="columnStyle==225">
            <div ng-include="'tpl/live.html'"></div>
        </div>
        <!--活动页面columnStyle==221-->
        <div ng-if="columnStyle==221">
            <div ng-include="'tpl/active.html'"></div>
        </div>
        <!--视频页面columnStyle==203-->
        <div ng-if="columnStyle==203">
            <div ng-include="'tpl/vedio.html'"></div>
        </div>
        <!--&lt;!&ndash;问政页面columnStyle==222&ndash;&gt;-->
        <!--<div ng-if="columnStyle==222">-->
            <!--<div ng-include="'tpl/qaPage.html'"></div>-->
        <!--</div>-->
       <!-- &lt;!&ndash;专题列表页面&ndash;&gt;
        <div ng-if="currentPageId==300">
            <div ng-include="'tpl/specilHome.html'"></div>
        </div>ng-if="currentPageId!=304&&currentPageId!=303&&currentPageId!=302"-->
        <!--新闻类型columnStyle==101-->
        <div ng-if="columnStyle!=221&&columnStyle!=225&&columnStyle!=203">
            <div ng-include="'tpl/homeCon.html'"></div>
        </div>

        <!--footer-->
        <!--<div ng-include="'tpl/footPage.html'"></div>-->

        <!--加载更多-->
        <div ng-show="loadMoreButtonOne">
            <button class="btn  btn-block" ng-click="loadMore(currentPageId,columnStyle)" style="background: #f6f6f6;padding: 15px 0;">加载更多</button>
        </div>
        <!--没有更多数据-->
        <div ng-show="noLoadMoreButton">
            <button disabled class="btn  btn-block"  style="background: #f6f6f6;padding: 15px 0;">已加载全部</button>
        </div>

        <div class="fiBtn">
            <div ng-show=true ng-click="goBackTop()" class="baToTop">
                <img src="static/19.png" alt="">
            </div>
        </div>
        <div class="fiBtnTop">
            <div ng-show=true ng-click="home(currentPageId)" class="baToTop">
                <img src="static/20.png" alt="">
            </div>
         </div>
    </div>
    <!--//模态框-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content" style="margin-top:36%;">
                <!--<div class="modal-header">-->
                <!--&lt;!&ndash;<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>&ndash;&gt;-->
                <!--&lt;!&ndash;<h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>&ndash;&gt;-->
                <!--</div>-->
                <div class="modal-body" ng-click="hideMode()" style="overflow: hidden">
                    <div class="swiper-container swiper-scalimgs" >
                        <div class="swiper-wrapper">
                            <div ng-repeat="item in imgScalImg" class="swiper-slide" style="width: 100%;height: 300px">
                                <img ng-src="{{item}}" style="width: 100%;height: 100%">
                                <!--{{item}}-->
                            </div>
                            <div>
                                <!--<img ng-src="{{actImgUrl}}" alt="">-->
                            </div>
                        </div>
                        <!--<div class="swiper-pagination swiper-pagination_scalImg"></div>-->
                    </div>
                </div>
                <!--<div class="modal-footer">-->
                <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                <!--<button type="button" class="btn btn-primary">提交更改</button>-->
                <!--</div>-->
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>

<div class="-mob-share-ui-bg"></div>
<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey=1ce119ca3bc00"></script>
<!--MOB SHARE END-->

<script type="text/javascript" src="trd/swipe/swiper.min.js"></script>
<script type="text/javascript">
        var scalImg= new Swiper('.swiper-scalimgs', {
            autoplay: false,
            observer: true,
            observeParents: true,
//      pagination : '.swiper-pagination_scalImg',
            paginationClickable :true,
        });
//    scalImg.slideTo(0, 1000, false);//切换到第一个slide，速度为1秒

    var scalImg= new Swiper('.swiper-scalimgs', {
        autoplay: false,
        observer: true,
        observeParents: true,
//      pagination : '.swiper-pagination_scalImg',
        paginationClickable :true,
    });
//    scalImg.slideTo(0, 1000, false);//切换到第一个slide，速度为1秒


 /*   var myTouch = util.toucher(document.getElementById('banner'));
//    console.log('tou',myTouch);
    myTouch.on('swipeLeft',function(event){
        $(".left.carousel-control").click();
        console.log(222);
        //
//        alert("22");
    }).on('swipeRight',function(event){
        //
        $(".right.carousel-control").click();
//        alert(111);
    })*/


</script>
